<template>
	<div id="bible">
		<v-header>
			<price-header ref="priceHeader"></price-header>
		</v-header>
		<v-content>
			<div class="center_content">
				<v-centerleft :currrentId="currrentId"></v-centerleft>
				<div class="right">
					<v-centertop></v-centertop>
					<div class="purse_area">
						<div class="title my-flex-between">
							<span>原油宝典</span>
							<div>
								<el-input placeholder="输入关键字搜索" v-model="params.articleTitle" class="input-with-select">
									<el-button slot="append" @click="">搜 索</el-button>
								</el-input>
							</div>
						</div>
						<!--列表-->
						<div  class="one-card hover" v-for="item in tableData">
							<div class="left">
								<span class="title">{{item.articleTitle}}</span>
								<div class="content two-row">
									<span>{{item.articleContent}}</span>
								</div>
								<span class="time">{{item.createTime | formNewsDate}}</span>
							</div>
							<div class="right" :style="{backgroundImage:'url('+item.articleCoverUrl+')'}"></div>
						</div>
						
						<div class="logo" v-if="tableData.length==0">
							<img src="../../assets/logo-r.png" alt="" />
						</div>
						
					</div>
				</div>
			</div>
		</v-content>
	</div>
</template>

<script>
	import service from '@/js/services/bible';
	export default {
		inject: ['reload', 'closeLoading', 'openLoading', 'hasPermission'],
		data() {
			return {
				currrentId: 10,
				tableData: [],
				params: {
					pageNum: 1,
					pageSize: 10,
					articleTitle: null
				},
				isShowLogo: false
			}
		},
		mounted() {
			this.getNewsList();
		},
		methods: {
			...service,
			changeRouter(url) {
				this.$router.push(url);
			},
			search(){
				this.params.pageNum  = 1;
				this.getNewsList();
			}
		}
	}
</script>

<style lang="less" src="../../less/page/bible/index.less"></style>